import React from 'react'

const style = {
  background: 'black',
  width: '100%',
  height: '100%',
  display: 'flex',
  flexDirection: 'column',
  flexWrap: 'wrap',
}

const ScreensBg = ({ children, customStyle = {}, className = null }) => {
  return (
    <div
      style={{ ...style, ...customStyle }}
      className={className}
      onDragOver={(e) => e.preventDefault()}
      onDragEnter={(e) => e.preventDefault()}
    >
      {children}
    </div>
  )
}

export default ScreensBg
